<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <link rel="stylesheet" href="stylesheets/zui.min.css"/>
    <link rel="stylesheet" href="stylesheets/main.css" id="css"/>
    <script src="javascripts/jquery-1.10.1.min.js"></script>
    <script src="javascripts/zui.min.js"></script>
    <script src="javascripts/footer.js"></script>
    <title>斯迈普解盘侠</title>
</head>
<body class="index">
<div class="container main">
    <div class="row room-box">
        <table class="table table-bordered room-tab">
            <tbody>
            <tr>
                <td class="col-xs-4">房间114</td>
                <td>伦敦金属</td>
            </tr>
            <tr>
                <td class="col-xs-4">房间114</td>
                <td>伦敦金属伦敦金属伦敦金属伦敦金属伦敦金属</td>
            </tr>
            </tbody>
        </table>
    </div>


   <footer class="nav-footer">
			<div class="col-xs-3 footer-nav-active" id="hall" >
				<i class="icon icon-home"></i>
				<h4>解盘</h4>
			</div>
			<div class="col-xs-3" id="notify"  >
				<i class="icon icon-volume-up"></i>
				<h4>喊单</h4>
			</div>
			<div class="col-xs-3" id= "news" >
				<i class="icon icon-globe"></i>
				<h4>资讯</h4>
			</div>
			<div class="col-xs-3" id="my" >
				<i class="icon icon-user"></i>
				<h4>个人中心</h4>
			</div>
</footer>
</div>
<script src="javascripts/main.js"></script>
</body>
</html>